@charset "utf-8";
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
a {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
body {
	font-family:"Microsoft YaHei", "微软雅黑";
	font-size:14px;
	line-height:20px;
	color:#333;
	font-weight:normal;
}
p {
	display:block;
}
hr {
	border:none;
}
a {
	cursor:pointer;
	color:#333;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	color:#005fb5;
}
ol, ul, dl {
	list-style-type: none;
	padding-left: 0;
}

.container {
	width: 1200px;
    margin: 0 auto;
}
.fluid {
	width: 100%;
	margin-left: auto;
	margin-right:auto;
	min-width: 1024px;
}
.clear:after {
	display: block;
	content: '';
	clear: both;
	visibility: hidden;
}
.guide {
	position:relative;
	font-family: "SimSun";
	overflow: hidden;
}
.guide .hd li {
	width: 20%;
	float: left;
	cursor: pointer;
	text-align: center;
}
.guide .hd li a {
	display: block;
}
.guide .hd li img {
	width: 100%;
}
.guide .hd li:hover {
	opacity: 0.9;
}
.gui-tit {
	font-size: 52px;
	color: #fff;
	background:rgba(0, 0, 0, .3);
	height: 175px;
	text-align: center;
	line-height: 175px;
	letter-spacing: 3px;
}
.guide .bd li {
	background-repeat: no-repeat;
	background-position: center center;
	height:1070px;
	width: 100%;
}
.guide .bd {
	overflow: hidden;
}
.guide-lb {
	position:absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.header{width:100%; display: flex; margin: 23px 0 20px; justify-content: space-between;}
.header .logo{width: 50%; display: flex; padding: 20px 0 19px 0; }
.header .logo .logopic{height: 48px; margin-right: 15px;}
.header .logo .logopic img{max-height: 100%;}
.header .logo .logotxt{height: 48px; color: #00488c;}
.header .logo .logotxt span{font-size: 12px; line-height: 12px;}
.header .logo .logotxt p{font-size: 12px; line-height: 36px;}
.header .logo .logotxt p b{font-size: 20px;}

.nav {display: flex; width: 40%;}

.nav ul{display: flex; width: 100%;}
.nav ul li{width: 25%; border-top: 2px solid transparent; position: relative;}
.nav ul li a{display: block; line-height: 87px; text-align: center; font-size: 16px;}
.nav ul li.on{border-top: 2px solid #1e50ae;}
.nav ul li .child{ position: absolute; display: none; top: 87px; left: 0; right: 0; z-index: 99999; text-align: center; padding-top: 20px;}
.nav ul li .child .linklist{ position: relative;}
.nav ul li .child .linklist a{display: block; font-size: 14px; line-height: 38px; background: #1e50ae; color: #fff;}
.nav ul li .child .linklist a:nth-child(1){border-radius: 5px;border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.nav ul li .child .linklist a:nth-last-child(1){border-radius: 5px;border-top-left-radius: 0; border-top-right-radius: 0;}
.nav ul li .child .linklist a:hover{background: #174499;}
.nav ul li .child .linklist:before{content: "";line-height: 0; height: 1px; position: absolute; top: -20px; left: calc(50% - 5px); display: inline-block;width: 1px; border: 10px solid transparent; border-bottom-color: #1e50ae; }

.banner .swiper-wrapper .slidepic{height:496px; background-position: center; background-repeat: no-repeat; background-size: cover!important;}
.infobanner .swiper-wrapper .slidepic{ width: 100%;  height:409px; background-position: center; background-repeat: no-repeat; background-size: contain!important;}
.contactbanner{ width: 100%; height:400px; background-position: center; background-repeat: no-repeat; background-size: cover!important;}
.probanner{ width: 100%; height:400px; background-position: center; background-repeat: no-repeat; background-size: cover!important;}
.contact-main{padding: 20px 0;}
.contact-main .contact-main-info{}
.contact-main-info .tit{width: 590px; border-bottom: 1px solid #ccc;}
.contact-main-info .tit>div{font-size: 16px; color: #1e50ae; line-height: 45px; border-bottom: 2px solid #1e50ae;}
.contact-main-info .con{display: flex; justify-content: space-between;}
.contact-main-info .con .map{width: 590px; height: 365px;}
.contact-main-info .con .map .szmap,.contact-main-info .con .map .tjmap{width: 590px; height: 365px;}
.contact-main-info .con .info{width: 566px;}     
.contact-main-info .con .info table{ border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.contact-main-info .con .info table tr td{ font-size: 12px; line-height: 1.8; padding: 12px 15px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.job-main{padding: 20px 0;}
.job-main-info{}
.job-main-info .tab-tit{margin-bottom: 20px;}
.job-main-info .tab-tit a{display: inline-block; width: 138px; height: 44px; font-size: 14px; line-height: 44px; margin: 0 30px 0 8px; text-align: center; transition: all .4s;}
.job-main-info .tab-tit a.active{background: #1e50ae; color: #fff;}
.job-main-info .tab-con{}
.job-main-info .tab-con .item{display: none; color: #666;font-size: 14px; line-height: 24px; transition: all .4s;}
.job-main-info .tab-con .item h3{font-size: 20px; line-height: 48px; font-weight: normal;}
.job-main-info .tab-con .item p{padding-left: 12px;}
.job-main-info .tab-con .item.active{display: block;}

.pro-box{width: 100%; padding: 40px 0;}
.pro-box .procatlist{display: flex; flex-wrap: wrap; justify-content: space-between;}
.pro-box .procatlist .procat{width: 30%; margin-bottom: 30px; text-align: center;}
.pro-box .procatlist .procat .pic img{max-width: 100%;}
.pro-box .procatlist .procat .procattit{font-size: 14px; line-height: 36px; display: block; text-align: center;}


.pd-box{width: 100%; margin-bottom: 30px;}
.pd-box .container{display: flex; justify-content: space-between;}
.pd-side{width: 200px; padding-top: 20px;}
.pd-side .tit{font-size: 20px; padding-left: 14px; color: #1e50ae; line-height: 25px; margin-bottom: 20px; border-left: 3px solid #1e50ae;}
.pd-side .con{padding-left: 15px;}
.pd-side .con a{ line-height: 45px; font-size: 14px; display: block;}
.pd-main{width: calc(100% - 230px); }
.pd-main .tit{font-size: 20px; padding: 20px 0; line-height: 25px; color: #4b4b4b;}
.pdpic .swiper-container {height: 460px;}
.pbpic .gallery-top .swiper-slide{height: 360px; background-position: center; background-repeat: no-repeat; background-size: contain; text-align: center;}
.pbpic .gallery-top .swiper-slide img{height: 360px; }
.pbpic .gallery-top{margin-bottom: 10px;}
.pbpic .gallery-thumbs .swiper-slide{height: 80px; width: 20%;background-position: center; border: 2px solid transparent; background-repeat: no-repeat; background-size: contain;}
.pbpic .gallery-thumbs .swiper-slide-thumb-active{border: 2px solid #ccc;}
.pbpic {margin-bottom: 30px;}
.pd-desc{ margin-bottom: 30px; }
.pd-desc .pdd-tit{font-size: 15px; line-height: 40px; color: #c1c1c1; }
.pdd-tit{display: flex; justify-content: space-between;}
.pdd-tit .share{width: 150px;}

.pd-desc .pdd-con{}
.pd-prev-next{margin-bottom: 60px; padding-top: 30px; border-top: 1px solid #e6e6e6;}
.pd-prev-next .prev,.pd-prev-next .next{font-size: 14px; line-height: 28px; color: #666;}
.pd-prev-next .prev a,.pd-prev-next .next a{}
.pd-prev-next .prev span{display: inline-block;transform: rotate(45deg);width: 20px; height: 20px; display: inline-block; position: relative;}
.pd-prev-next .prev span:after{content: '';display: inline-block; width: 6px; height: 6px; border: 1px solid #666; border-right: none; border-bottom: none; position: absolute; top: 10px; left: 10px;}
.pd-prev-next .next span:after{content: '';display: inline-block; width: 6px; height: 6px; border: 1px solid #666; border-top: none; border-left: none; position: absolute; top: 10px; left: 10px;}
.pd-prev-next .next span{display: inline-block;transform: rotate(45deg);width: 20px; height: 20px; display: inline-block; position: relative;}
.in-banner {
	position: relative;
	overflow: hidden;
}
.in-banner .bd ul li img {
	width: 100%;
}
.in-banner .hd {
	position:absolute;
	z-index: 10;
	left: 0;
	bottom: 0;
	width: 100%;
	overflow: hidden;
}
.in-banner .hd ul {
	text-align: center;
}
.in-banner .hd li {
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background:#fff;
	display: inline-block;
	margin:0 4px;
	cursor: pointer;
	text-indent:1000px;
	opacity: 0.8;
}
.in-banner .hd li.on {
	background:#0085e5;
}
.in-main {
	padding: 70px 0 60px;
}
.in-tit {
	border-bottom: 1px solid #d7d8d9;
	font-weight: normal;
}
.in-tit span {
	background:url(../images/in_04.jpg) center center repeat-x;
	line-height: 31px;
	padding:0 10px;
	display: inline-block;
	color: #fff;
	font-size: 20px;
	float: left;
	height: 33px;
	border-radius:6px 6px 0 0;
	border:1px solid #80c5fe;
	text-align: center;
}
.in-tit span b {
	font-size: 14px;
	font-weight: normal;
	padding-left: 10px;
}
.in-tit a {
	float: right;
	background:url(../images/in_07.jpg) center center repeat-x;
	display: inline-block;
	float: right;
	width: 55px;
	height: 17px;
	border:1px solid #929db9;
	line-height: 15px;
	font-size: 10px;
	text-align: center;
	border-radius: 4px;
	margin-top: 9px;
}
.in-jj-l {
	float: left;
	width: 1000px;
}
.in-jj-r {
	float: left;
	width: 232px;
	margin-left: 20px;
	border:1px solid #e9e9e9;
	border-radius: 6px;
	height: 300px;
}
.in-jj-r .in-tit {
	border:none;
}
.in-jj-r .in-tit span {
	width: 100%;
}
.in-jj-list {
	padding-top: 25px;
}
.in-jj-list li {
	width: 33.3%;
	padding-right: 15px;
	float: left;
}
.in-jj-list li a {
	display: block;
}
.in-jj-list li:hover p {
	color: #005fb5;
}
.in-jj-list li:hover img {
	opacity: 0.8;
}
.in-jj-list li h1 img {
	width: 100%;
	height:140px;
}
.in-jj-list li p {
	font-size: 12px;
	color: #737373;
	padding-top: 10px;
}
.in-jj-rcon {
	padding:20px 10px 0;
	color: #737373;
	font-size: 12px;
	line-height: 25px;
}
.in-jj-rcon img {
	width: 100%;
	padding-bottom: 10px;
}
.history {
	padding-top: 50px;
}
.his-list {
	padding:25px 60px 0;
}
.his-list li {
	padding:20px 0 10px;
	border-bottom: 1px dashed #c2c2c2;
	background:url(../images/in_13.jpg) 10px 23px no-repeat;
	padding-left: 50px;
	font-size: 14px;
}
.his-list li:hover {
	background-color:#f7f5f5;
}
.foot {
	height:130px;
	background:url(../images/in_08.jpg) center center repeat-x;
	color: #fff;
	font-size: 12px;
	text-align: center;
}
.foo-bo {
	padding:0 100px;
	padding-top:8px;
}
.foo-bo a {
	color: #fff;
	padding:0 15px;
	line-height: 34px;
}
.foo-bo a:hover {
	color: #eceaea;
}
.foo-copy {
	padding-top:15px;
}
.ot-main {
	padding:40px 0;
	min-height:700px;
}
.ab {
	padding-bottom: 70px;
}
.ab-l {
	float: left;
	width:620px;
	padding-right:80px;
	margin:35px 0;
}
.ab-r {
	float: left;
	margin-top: 40px;
}
.ab-l h3 {
	font-size: 18px;
	margin-bottom: 15px;
}
.ab-con {
	font-size: 13px;
	padding-bottom: 25px;
	line-height: 25px;
	text-indent:2em;
}
.ab-r img {
	width:375px;
}
.pro-nav {
	padding-bottom: 10px;
}
.pro-nav a {
	font-size: 14px;
	padding:0 30px;
	margin:0 10px 10px 0;
	display: inline-block;
	height: 22px;
	line-height: 20px;
	color: #000;
	font-weight: bold;
}
.pro-nav a.on {
	color: #00488c;
	border:1px solid #00488c;
	border-radius:10px;
}
.pro-list {
	padding:30px 30px 0;
	margin-top: 3px;
}
.pro-list li {
	margin-bottom: 25px;
}
.pro-list li h1 {
	width: 227px;
	height: 152px;
	overflow: hidden;
	float: left;
}
.pro-list li h1 img {
	width: 100%;
	height: auto;
}
.pro-list-r {
	float: left;
	width: 710px;
	padding-left: 22px;
}
.pro-list-r span {
	display: block;
	line-height: 25px;
}
.pro-list-r h3 {
	margin:20px 0;
	font-size: 16px;
}
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}
.pagination > li {
	display: inline;
}
.pagination > li > a, .pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	color: #23527c;
	background-color: #eee;
	border-color: #ddd;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #337ab7;
	border-color: #337ab7;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}
.pagination-sm > li > a, .pagination-sm > li > span {
	padding: 5px 10px;
	font-size: 12px;
}
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.page {
	text-align: center;
	margin:60px 0;
}
.page a, .page span {
	width: auto;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	display: inline-block;
}
.page span:first-child {
	display: none
}
.page .current {
	color: #fff;
	background-color: #337ab7;
	border-color: #337ab7;
}
.page a:hover {
	color: #23527c;
	background-color: #eee;
	border-color: #ddd;
}
.page a.prev {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.page a.next {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.ot-feny {
	text-align: center;
	padding:30px 0;
}
.pro-bo {
	text-align: center;
}
.pro-bo a {
	display: inline-block;
	width: 200px;
	margin:0 10px;
	height: 67px;
	background-position:center;
	background-repeat: no-repeat;
	line-height: 67px;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	text-align: left;
	padding-left: 15px;
	text-shadow: 0px 0px 7px #fff;
}
#pro-bo01 {
	background-image:url(../images/ot_03.jpg);
}
#pro-bo02 {
	background-image:url(../images/ot_04.jpg);
}
#pro-bo03 {
	background-image:url(../images/ot_05.jpg);
}
#pro-bo04 {
	background-image:url(../images/ot_06.jpg);
}
.ot-hr {
	border-top:2px solid #00488c;
	border-bottom:1px solid #00488c;
	height: 6px;
}
.xq-tit {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin:20px 0 15px;
}
.xq-time {
	font-size: 12px;
	text-align: center;
	margin-bottom: 20px;
}
.per-tit {
	font-size: 18px;
	color: #00488c;
	margin:20px 0 10px;
}
.list_bg {
	background: url(../images/per-list-bg.png) repeat;
	margin-top: 15px
}
.per-list {
	margin: 0px 0 40px;
	font-weight: normal;
	font-size:12px;
	font-weight: bold;
	width: 25%;
	float: left
}
.per-list h5 {
	color: #0080d8;
	background:#e9e9e9;
	padding-left: 25px;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
}
.per-list p {
	padding-left: 25px;
	height: 40px;
	line-height: 40px
}
.per-list span {
	display: inline-block;
	width: 25%;
	line-height: 38px;
}
.con-list {
	font-size: 16px;
	padding:20px 0 30px;
}
.con-list dt {
	background:#e9e9e9;
	padding-left: 50px;
	line-height: 30px;
}
.con-list dd {
	padding-left: 50px;
	line-height: 30px;
	color: #656565;
	font-size: 14px;
}
.con-list span {
	display: inline-block;
	width: 33.3%;
	padding-left: 30px;
}
.con-list dt span {
	padding-left: 30px;
}
.con-list dd span {
	line-height: 30px;
}
.con-list span.con1 {
	background:url(../images/icon_01.png) left center no-repeat;
}
.con-list span.con2 {
	background:url(../images/icon_02.png) left center no-repeat;
}
.con-list span.con3 {
	background:url(../images/icon_03.png) left center no-repeat;
}
.con-list span.con4 {
	background:url(../images/icon_04.png) left center no-repeat;
}
.con-list span.con5 {
	background:url(../images/icon_05.png) left center no-repeat;
}
.con-list span.con6 {
	background:url(../images/icon_06.png) left center no-repeat;
}

.proservice{text-align: center; padding: 50px 0;}
.proservice .entit{line-height: 1; text-transform: uppercase;}
.proservice .cntit{font-size: 36px; line-height: 80px; position: relative;}
.proservice .cntit:after{position: absolute; content: ""; height: 4px; width: 80px; background: #fe0000; display: block; bottom: 0; left: calc(50% - 40px);}
.proservicecon img{max-width: 100%;}

.qualitybox{text-align: center; padding: 40px 0;}
.qualitybox .entit{line-height: 1; text-transform: uppercase; display: none;}
.qualitybox .cntit{font-size: 30px; line-height: 40px; color: #363636; position: relative;}
.qualitybox .cntit:after{position: absolute; content: ""; height: 1px; width: 175px; background: rgb(165 165 165); display: block; bottom: -20px;left: calc(50% - 419px);}
.qualitybox .cntit:before{position: absolute; content: ""; height: 1px; width: 175px; background: rgb(165 165 165); display: block; bottom: -20px;right: calc(50% - 419px);}

.qualitybox .con .intro{font-size: 12px; line-height: 24px; color: #605c5c; padding: 20px 0 28px 0;}
.qualityList{display: flex; justify-content: space-between;}
.qualityList .item{width: 20%; text-align: center;}
.qualityList .item .img{ margin: 0 auto; margin-bottom: 20px; width: 200px; height: 200px; border-radius: 50%; padding: 10px; background: #fff; box-shadow: #e2e2e2 0 0 15px;}
.qualityList .item .img img{ max-width: 100%;}
.qualityList .item .tit{text-align: center;font-size: 18px; line-height: 40px; color: #373839; margin-bottom: 10px;}
.qualityList .item .desc{text-align: center;font-size: 14px; line-height: 24px; color: #606d7b;}

.proindex{text-align: center; padding: 40px 0 0 0;}
.proindex .entit{line-height: 1; text-transform: uppercase; display: none;}
.proindex .cntit{font-size: 30px; line-height: 40px; color: #363636; position: relative; margin-bottom: 40px;}
/*.proindex .cntit:after{position: absolute; content: ""; height: 1px; width: 175px; background: rgb(165 165 165); display: block; bottom: -20px;left: calc(50% - 419px);}
.proindex .cntit:before{position: absolute; content: ""; height: 1px; width: 175px; background: rgb(165 165 165); display: block; bottom: -20px;right: calc(50% - 419px);}*/
.ipropic{width: 85.1%; margin: 0 auto; height: 560px;  position: relative;  background-position: center; background-repeat: no-repeat; background-size: cover;}
.ipropic a{display: block; width: 114px; height: 150px; position: absolute; top:0;/* border:1px solid #c00; background: rgba(0,0,0,.5);*/ }
.ipropic a.procat1{top: 30px; left: calc(50% - 600px); background: url(../images/pro1.png) left center no-repeat; }
.ipropic a.procat2{top: 30px; right: calc(50% - 600px); background: url(../images/pro2.png) left center no-repeat;}
.ipropic a.procat3{top: 190px; left: calc(50% - 600px); background: url(../images/pro3.png) left center no-repeat;}
.ipropic a.procat4{top: 190px; right: calc(50% - 600px); height: 150px; background: url(../images/pro4.png) left center no-repeat;}
.ipropic a.procat5{top: 350px; left: calc(50% - 600px); background: url(../images/pro5.png) left center no-repeat;}
.ipropic a.procat6{top: 350px; right: calc(50% - 600px); height: 150px; background: url(../images/pro6.png) left center no-repeat;}




.proindexlist{width: 100%; margin: 0 auto; height: 581px;  position: relative;  background-position: center; background-repeat: no-repeat; background-size: cover;}
.proindexlist a{display: block; width: 114px; height: 150px; position: absolute; top:0;/* border:1px solid #c00; background: rgba(0,0,0,.5);*/ }
.proindexlist a.procat1{top: 45px; left: calc(50% - 700px); background: url(../images/pro1.png) left center no-repeat; }
.proindexlist a.procat2{top: 45px; right: calc(50% - 700px); background: url(../images/pro2.png) left center no-repeat;}
.proindexlist a.procat3{top: 220px; left: calc(50% - 700px); background: url(../images/pro3.png) left center no-repeat;}
.proindexlist a.procat4{top: 220px; right: calc(50% - 700px); height: 164px; background: url(../images/pro4.png) left center no-repeat;}
.proindexlist a.procat5{top: 390px; left: calc(50% - 700px); background: url(../images/pro5.png) left center no-repeat;}
.proindexlist a.procat6{top: 390px; right: calc(50% - 700px); height: 164px; background: url(../images/pro6.png) left center no-repeat;}


.custombox{text-align: center; padding: 40px 0;}
.custombox .cntit{font-size: 30px; line-height: 40px; color: #363636; position: relative; margin-bottom: 40px;}
.customList{ height: 60px;}
.customList>div>div{height: 60px; width: 120px; line-height: 60px; text-align: center;}

.aboutbox{background: #1e50ae; padding: 126px 0;}
.indexabout{display: flex; justify-content: space-between;}
.indexabout .pic{width: 350px;}
.indexabout .info{ width: 490px; margin: 0 60px;}
.indexabout .info .tit{font-size: 30px; line-height: 60px; color: #eefef4; }
.indexabout .info .con{font-size: 14px; line-height: 28px; color: #eefef4;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;  overflow: hidden; margin-bottom: 28px; }
.indexabout .info .more a{font-size: 14px; line-height: 28px; color: #eefef4;  }
.indexabout .honor{ width: 192px;}
.indexabout .honor .swiper-pagination{ background: rgba(0,0,0,.5);  bottom: 0;}
.indexabout .honor .swiper-pagination-bullet{ background: #666;}
.indexabout .honor .swiper-pagination-bullet-active{ background: #f2f2f2;}
.indexabout .honor img{max-height: 100%; max-width: 100%;}
.contactbox{padding: 79px 0 83px 0;}
.contactbox .tit{font-size:36px; color: #222f3c; line-height: 40px; margin-bottom: 13px; }
.contactbox .intro{font-size:20px; color: #36383b; line-height: 36px; margin-bottom: 27px; }
.contactbox .contactinfo{font-size:16px; color: #8a8d91; line-height: 32px; display: flex; flex-wrap: wrap; margin-bottom: 49px;}
.contactbox .contactinfo div{ padding-left:30px; width: 24%; }
.contactbox .contactinfo div.inc1{background: url(../images/inc2.png) left center no-repeat;}
.contactbox .contactinfo div.inc2{background: url(../images/inc1.png) left center no-repeat;}
.contactbox .contactinfo div.inc3{background: url(../images/inc2.png) left center no-repeat;}
.contactbox .contactinfo div.inc4{background: url(../images/inc3.png) left center no-repeat;}
.contactbox .contactinfo div.inc5{background: url(../images/inc5.png) left center no-repeat;}
.contactbox .contactinfo div.inc6{background: url(../images/inc4.png) left center no-repeat;}
.contactbox .contactinfo div.inc7{background: url(../images/inc5.png) left center no-repeat;}
.cfbox{display: flex; justify-content: space-between;}
.cfbox .weichat{ text-align: center; line-height: 36px; color: #8a8d91;}
.cfbox .contactform{width: 70%; display: flex; flex-wrap: wrap; color: #8a8d91;}
.cfbox .contactform .fline{width: 20%; margin-right: 5%; display: flex; font-size: 16px; line-height: 36px; height: 36px; border-bottom: 1px solid #ccc; }
.cfbox .contactform .fline.w100{width: 90%; flex-wrap: wrap; margin: 44px 0; height: 85px;}
.cfbox .contactform .fline.btnbox{border-bottom: none;}
.cfbox .contactform .fline label{width: 60px; line-height: 36px; display: inline-block; text-align: center;}
.cfbox .contactform .fline .ctxt,.cfbox .contactform .fline .ctxtarea{border: none; height: 34px; line-height: 34px; width: calc(100% - 70px); padding: 0; margin: 0; outline: 0;}
.cfbox .contactform .fline .ctxtarea{ width: 100%;  }
.cfbox .contactform .fline.btnbox{ margin: 16px 0;}
.cfbox .contactform .fline .sbtn{display: inline-block; border: none; height: 54px; padding: 0 72px 0 18px; font-size: 16px; line-height: 54px; color: #fff; background:#fe0000; position: relative;}
.cfbox .contactform .fline .sbtn:after{content: ""; background:url(../images/arr.png) right center no-repeat ; width: 32px; height: 10px; position: absolute; top: 22px; right: 18px;}

.footer{background: #004789; color: #fff; width: 100%; padding: 30px 0;}
.footer a{color: #fff;}
.footer .container{display: flex; justify-content: space-between; align-items: flex-end;}
.foot-left{ width: 30%; vertical-align: bottom;}
.foot-right{ width: 420px;}
.f-logo{text-align: right; margin-bottom: 25px;}
.foot-contact{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 15px;}
.foot-contact div{font-size: 12px; line-height: 24px;padding-left: 22px;}
.foot-contact div.inc1{background: url(../images/inc6.png) left center no-repeat;}
.foot-contact div.inc2{background: url(../images/inc7.png) left center no-repeat;}
.foot-contact div.inc3{background: url(../images/inc8.png) left center no-repeat;}
.foot-menu{ display: flex; justify-content: space-between;}
.foot-menu a{line-height: 30px;}

.infobanner{height: 409px; width: 100%; background-repeat: no-repeat; background-position: center ; background-size: cover;}

.aboutmain{padding: 83px 0; width: 100%;}
.abouttitle{height: 54px; line-height: 54px; color: #666; border-bottom: 2px solid #b2b2b2; text-align: right; margin: 0;}
.abouttitle a{display: inline-block; padding: 0 24px;  font-size: 18px; position: relative;}
.abouttitle a:after{content: ""; height: 4px; width: 100%; background: none; transition:  all .4s; position: absolute; bottom: -1px; left: 0; right: 0;}

.abouttitle a.on{color: #014e94;}
.abouttitle a.on:after{background: #014e94;}

.aboutcontent{display: flex; justify-content: space-between; padding: 45px 0 ;}
.aboutcontent img{max-width: 100%;}
.aboutcontent .about-left{width: 61%;}
.aboutcontent .about-left h2{font-size: 20px; line-height: 56px;}
.aboutcontent .about-left p{margin: 0; padding: 0; font-size: 14px; line-height: 26px; margin-bottom: 30px; }
.aboutcontent .about-right{width: 37%;}
.aboutcontent .about-right h2{font-size: 20px; line-height: 56px;}
.aboutcontent .about-right>div{font-size: 14px; line-height: 40px;}
.aboutcontent .about-right>div>span{display: inline-block; width: 120px;}

.develop{width: 100%;}
.develeopbox{position: relative; z-index: 10;}
.developLine{width: 100%; border-bottom: 2px solid #b2b2b2; height: 40px; position: relative; z-index: 9; margin-bottom: -40px;}
.developListbox{display: flex;}
.developListbox .list{width: 20%; margin-right: 5%; }
.developListbox .list .inc{ width: 18px; height: 31px; margin: 0 0 25px 12px; background:url(../images/ainc2.jpg) no-repeat;}
.developListbox .list .year{font-size: 20px; color: #333; line-height: 36px; margin-bottom: 10px;}
.developListbox .list .month{font-size: 20px; color: #333; line-height: 36px; margin-bottom: 15px;}
.developListbox .list .con{} 
.developListbox .list .con p{ font-size: 14px; color: #333; line-height: 28px; margin-bottom: 15px;}
.developListbox .list .con img{ max-width: 100%; margin-bottom: 10px;}
.developListbox .list.swiper-slide-active .inc{ background:url(../images/ainc3.jpg) no-repeat;}
.developListbox .list.swiper-slide-active .year{ color: #014e94;}
.develeopbox .swiper-button-prev:after, .develeopbox .swiper-button-next:after{display: none;}
.develeopbox .swiper-button-next, .develeopbox .swiper-button-prev{top:36px; width: 50px; height: 50px; position: absolute;border-radius: 50%; border:3px solid #b2b2b2; background: #fff; z-index: 11;}
.develeopbox .swiper-button-prev{left: -70px; background: url(../images/ainc11.jpg) center no-repeat #fff; border-color:#235079; transform:rotate(180deg);}
.develeopbox .swiper-button-next{right: -70px; background: url(../images/ainc11.jpg) center no-repeat  #fff; border-color:#235079; }
.develeopbox .swiper-button-next.swiper-button-disabled, .develeopbox .swiper-button-prev.swiper-button-disabled{opacity: 1; background: url(../images/ainc1.jpg) center no-repeat #fff;  border-color:#b2b2b2;}
.develeopbox .swiper-button-next.swiper-button-disabled{ transform:rotate(180deg);}
.develeopbox .swiper-button-prev.swiper-button-disabled{ transform:rotate(0deg);}


@media (max-width:1360px) {
    .container {
        width: 1160px;
    }
    .banner .slide .slidepic{height: 420px;}
    .qualityList .item .img img{ max-width: 80%;}
    .proservice .cntit,.qualitybox .cntit{font-size: 32px;}
    .proservice .entit,.qualitybox .entit{font-size: 12px;}
    .qualitybox .con .intro{font-size: 18px; line-height: 32px;}
    .qualityList .item .tit{font-size: 22px;}
    .qualityList .item .desc{font-size: 16px;}
    .abouttit{font-size: 32px; line-height: 64px;}
    .aboutcon{font-size: 18px; line-height: 36px;}
    .aboutcon p{font-size: 18px; line-height: 36px;}
    .aboutbox .more a{font-size: 16px;}
    .aboutlist .itembox .item .tit{font-size: 18px;}
    .aboutlist .itembox .item .intro{font-size: 12px;}
    .contactbox .tit{font-size: 32px; }
    .contactbox .intro{font-size: 18px;}
    .contactbox .contactinfo{font-size: 12px;}
    .cfbox .contactform .fline{font-size: 14px;}
    .cfbox .contactform .fline .sbtn{font-size: 16px;}
    .infobanner{height: 420px;}
    
}

@media (max-width:1160px) {
    .container {
        width: 92%;
    }
    .banner .slide .slidepic{height: 360px;}
    .qualityList .item .img img{ max-width: 80%;}
    .proservice .cntit,.qualitybox .cntit{font-size: 24px;}
    .proservice .entit,.qualitybox .entit{font-size: 12px;}
    .qualitybox .con .intro{font-size: 14px; line-height: 32px;}
    .qualityList .item .tit{font-size: 16px; line-height: 28px;}
    .qualityList .item .desc{font-size: 12px; line-height: 24px;}
    .abouttit{font-size: 24px; line-height: 50px;}
    .aboutcon{font-size: 14px; line-height: 32px;}
    .aboutcon p{font-size: 14px; line-height: 32px;}
    .aboutbox .more a{font-size: 14px;}
    .aboutlist .itembox .item{width: 33%;}
    .aboutlist .itembox .item .tit{font-size: 16px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
    .aboutlist .itembox .item .intro{font-size: 12px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
    .contactbox .tit{font-size: 24px; }
    .contactbox .intro{font-size: 14px;}
    .contactbox .contactinfo{font-size: 12px;}
    .contactbox .contactinfo div{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
    .cfbox .contactform .fline{font-size: 12px;}
    .cfbox .contactform .fline label{width: 45px;}
    .cfbox .contactform .fline .sbtn{font-size: 14px;}
    .infobanner{height: 360px;}
    .proservice{padding: 30px 0;}
    .qualitybox{padding: 30px 0;}
}